<template>
  <!-- WhatsApp拓客系统 -->
  <div class="whatsapp_system">
    <div class="whatsapp_conten_warp tydisplay">
      <div class="whatsapp_item_div">
        <h4>WhatsApp拓客系统</h4>
        <p>
          基于whatsapp进行活跃用户数据获取、多行式消息群发、多号批量控制、多坐席客服拓客的海外引流推广系统
        </p>

        <div class="whatsapp_item_bott tydisplay">
          <div class="whatsapp_item_btn_right">免费试用</div>
          <div class="whatsapp_item_btn_left">视频介绍</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "oneview",
  };

</script>

<style scoped>
  /* WhatsApp拓客系统 */
  .tydisplay {
    display: flex;
  }

  .whatsapp_system {
    height: 890px;
    background-image: url("../assets/Product_page_whatsapp_desktop/top_page_whatsapp_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

.whatsapp_conten_warp{
  max-width: 1160px;
  margin: 0 auto;
  height: 100%;
  align-items: center;
}
  .whatsapp_item_div {
    width: 420px;
  }

  .whatsapp_item_div>h4 {
    font-size: 38px;
    color: #1d2845;
  }

  .whatsapp_item_div>p {
    font-size: 18px;
    color: #6f7b8e;
    padding: 25px 0;
  }

  .whatsapp_item_btn_right,
  .whatsapp_item_btn_left {
    width: 190px;
    height: 35px;
    line-height: 35px;
    background: #077af1;
    color: #fff;
    font-size: 16px;
    text-align: center;
    outline: 1px solid #077af1;
    border-radius: 4px;
  }

  .whatsapp_item_btn_left {
    background: #fff;
    color: #077af1;
  }

  .whatsapp_item_bott {
    justify-content: space-between;
  }

</style>
